<!DOCTYPE html>
<html>
<head>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="uf-8">
    <link href="内容5.css" type="text/css" rel="stylesheet">
    <title>清单界面</title>

</head>
<boby>
    <div class="left">
        <div class="user"><img src="用户 (1).png" class="pic-left">username<img src="搜索 (2).png" class="pic2"></div>
        <div class="change">
            <img src="客服更换选中.png" class="change-user">
            <img src="注销-4.png" class="logout">
            <img src="退出-4.png" class="exit"></div>
        <div class="inventory"><img src="所有事项.png" class="pic-left">清单<a>0</a></div>
        <div class="done"><img src="完成.png" class="pic-left">完成<a>0</a></div>
          <div class="overdue"><img src="过期.png" class="pic-left">过期<a>0</a></div>
            <div class="unfinished"><img src="未完成 (1).png" class="pic-left">未完成<a>0</a></div>
    </div>
        <div class="right">
            <div class="right-top">
                <div class="data">2017-08-12<img src="滑动箭头-左.png" class="sild-point"><img src="滑动箭头-右.png" class="sild-point"></div>
                <div class="time">今天</div>
            </div>
            <div class="right-body1">
                <div class="body1-head">
                    <div class="body1-content">清单</div><img src="添加-4.png" class="add-pic">
                </div>
                <div class="body1-contents">
                   <div class="incontents"><img src="选中-2.png" class="choice-it">我的一天一天
                    </div>
                   <div class="times">08/12&nbsp15:16&nbsp<img src="删除-2.png"></div>
                </div>
            </div>
            <div class="right-body2">
                <div class="body2-head">
                    <div class="body2-content">事项</div><img src="添加-4.png" class="add-pic">
                </div>
                <div class="body2-contents">
                   <div class="incontents"><img src="未选中 居中.png" class="choice-it">我的一天一天
                    </div>
                   <div class="times">08/12&nbsp15:16&nbsp<img src="删除-2.png"></div>
                </div>
            </div>
            <div class="right-body3">
                <div class="body3-head">
                    <div class="body3-content">完成事项</div><img src="添加-4.png" class="add-pic">
                </div>
                <div class="body3-contents">
                   <div class="incontents"><img src="未选中 居中.png" class="choice-it">我的一天一天
                    </div>
                   <div class="times">08/12&nbsp15:16&nbsp<img src="删除-2.png"></div>
                </div>
            </div>
            <div class="right-body4">
                <div class="body4-head">
                    <div class="body4-content">过期事项</div><img src="添加-4.png" class="add-pic">
                </div>
                <div class="body4-contents">
                   <div class="incontents"><img src="未选中 居中.png" class="choice-it">我的一天一天
                    </div>
                   <div class="times">08/12&nbsp15:16&nbsp<img src="删除-2.png"></div>
                </div>
            </div>
        </div>
</body>
</html>